<template>
  <div class="test">
    <h1>父组件---{{ msg }}</h1>
    <!-- 1. 在渲染的子组件上通过 v-on 的方式监听父组件的函数 -->
    <Child v-on:getsondata="getSonData"></Child>
  </div>
</template>
<script>
import Child from './Child.vue'
// 父传子
export default {
  data() {
    return {
      msg: '父组件定义的数据'
    }
  },
  methods: {
    // 接收子组件传递回来的数组
    getSonData(data) {
      // console.log(1)
      // console.log(data)
      this.msg = data
    }
  },
  components: {
    Child
  }
}
</script>
<style lang="scss"></style>
